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The Visual Representation of Information Structures 



Colin Ware 

Data Visualization Research Lab 
Center for Coastal and Ocean Mapping 
University of New Hampshire Durham, NH 03924. 



Abstract. It is proposed that research into human perception can be applied in 
designing ways to represent structured information. This idea is illustrated with 
four case studies. (1) How can we design a graph so that paths can be 
discerned? Recent results in the perception of contours can be applied to make 
paths easier to perceive in directed graphs. (2) Should we be displaying graphs 
in 3D or 2D space? Research suggests that larger graphs can be understood if 
stereo and motion parallax depth cues are available. (3) How can heterogeneous 
information structures be best represented? Experiments show using structured 
3D shape primitives make diagrams that are easier to discover and remember. 
(4) How can causal relationships be displayed? Michotte’s work on the 
perception of causality suggests that causal relationships can be represented 
using simple animations. The general point of these examples is that data 
visualization can become a science based on the mapping of data structures to 
visual representations. Scientific methods can be applied both in the 
development of theory and testing the value of different representations. 



1 Introduction 



The human visual system provides by far the highest bandwidth channel into the brain 
(70% of all receptors, more than 40% of cortex devoted to vision). However, the 
visual machinery does not analyze all patterns equally well. This paper illustrates 
ways in which we may apply what is known about human perception to data 
representation. 



2 Finding Paths in Directed Graphs 



Recent work on the gestalt concept of “good continuity” provides us with a detailed 
description of the conditions under which continuous contours are perceived [2]. 
These results can be applied directly to the problem of emphasizing important paths in 
graphs. For example paths drawn so that edge curvature is minimized will be easier 
to be perceived. This is illustrated in Figure 1 . In addition nodes should be placed in 
rough alignment and should consist of oriented elongated symbols. 
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Fig. 1. Different paths are emphasized on the same graph. 



3 Visualizing Graphs in 3D 

There is a debate about whether information should be displayed in 3D or in 2D. A 
study by Ware and Franck examined the value of different depth cues in a task 
relating to tracing paths in graphs [8]. The results showed that over a wide range of 
graph sizes using stereopsis allowed about 60% more to be seen and using motion 
parallax allowed about 130% more to be seen. As expected, the perspective depth cue 
was not important for this particular task. 




Fig. 2. This large graph represents the structure of a 6 million line program. (Image copyright 
Glenn Franck and Colin Ware. Reprinted with permission) 
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4 Using Geons to Represent Structured Information 

Research by Marr [5] and by Biederman [1] suggests that complex objects are broken 
down by the visual system into 3d “geon” primitives. Irani and Ware have shown that 
diagrams constructed using these primitives are much easier to analyze and recognize 
in comparison with conventional box-line diagrams [3]. Figure 3. illustrates a “geon” 
diagram [3]. 




Fig. 3. Geons are 3D primitives of object perception. Diagrams constructed from 
geon elements may be both more accurately interpreted and recalled (image copyright 
Pourang Irani: reprinted with permission) 



5 Simple Animation for Representing Causal Relations 

The work of Michotte [4] suggests that given simple animations and the appropriate 
timing of events people can “directly” perceive causality in the same sense that they 
directly perceive a connection between two objects linked by a line. Ware et al [7] 
applied this phenomenon of causality perception to the representation of causal 
relationships in statistical graphs. One of the methods for representing causality was 
to have a ball move, striking a “node” in a graph apparently causing it to vibrate 
(Figure 4). 
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Fig. 4. Causality can be represented by a ball striking a node “causing” it to 
oscillate. 



6 Conclusion 

Semiotics is the study of symbols and the way in which they display meaning. With 
advances in the science of human perception we can lay the foundation for a science 
of semiotics. This science allows us to develop testable theories relating to the 
mapping for information structures to visual representations. The ultimate goal is to 
map data in ways that take full advantage of the huge processing power inherent in 
the human visual system [6] . 
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Abstract. GraphXML is a graph description language in XML that can be used 
as an interchange format for graph drawing and visualization packages. The 
generality and rich features of XML make it possible to define an interchange 
format that not only supports the pure, mathematical description of a graph, but 
also the needs of information visualization applications that use graph-based 
data structures. 



1 Introduction 

Most graph drawing systems could benefit from a textual description language to in- 
put and, possibly, to output graphs in a human readable form. Ideally, such a descrip- 
tion language could also serve as a standardized format for data exchange between 
systems, enabling information exchange. Defining such a description language is not, 
by itself, a particularly difficult task: after all, a graph is simply a collection of nodes 
and edges. Several formats have been proposed in the past such as GMLll] and 
WebDot’s DOT formatl2], and the formats used by RigilS], LEDA14], and GDS15]. 
None of these are universally supported and they are usually bound to specific sys- 
tems. 

An important development of recent years, which also influences the choice of in- 
terchange formats, is the synergy between graph drawing techniques and information 
visualization. Information visualization has become a well-known research area, with 
important industrial and scientific applications. Graph drawing techniques play a 
prominent role in information visualization because the data structures to be visual- 
ized can often be described as graphs. The demands of information visualization pose 
new challenges with respect to graph description formats. It is necessary to include 
features in a graph description language that are not directly relevant to pure graph 
drawing. For example, the graph description should be able to include application 
dependent data^ either embedded in the description itself or externally referenced 
(e.g., network statistics for a Web visualizer, genetic data for consensus trees as used 
in evolutionary research, database references for the result of a database search, etc.). 
Furthermore, it should be possible to describe composite structures such as nested 

^ Although GML, for example, is a capable description language for graph drawing purposes 
and includes provisions for extension, the mechanism for associating external data with a 
graph element is not well defined. 
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hierarchies and clusters. Another less obvious feature is to support the description of 
the evolution of graphs in time for applications such as animation. 

As part of a larger project in graph visualization, we needed a graph description 
language. Although, initially, we looked for an existing standard, like the ones cited 
above, none could fully support the needs of information visualization. Consequently, 
we decided to develop our own format with particular attention to the requirements of 
information visualization. The result is GraphXML, a graph description language 
based on XML. Description of this language is the subject of this paper. We hope that 
this format will enter widespread use. In our view, this would be beneficial for the 
graph visualization community. 

2 Why XML? 

XML is a language specification developed by the World Wide Web Consortium that 
has received significant attention in the last few years^. The future evolution of the 
Web, both in the traditional Internet domain and in mobile communications, is based 
on XML. There are several reasons for choosing XML as the basis for a graph de- 
scription format: 

• XML defines clear syntactic rules for specifying a “language” for a particular ap- 
plication. An application- specific language is defined in a file called a Document 
Type Definition (DTD). The end-user also has the option of adding extensions to 
the language specified in the DTD. 

• XML is used by many different applications to define data formats including those 
for databases, chemical compound definitions, e-commerce, mobile devices, and 
schematic graphics. A graph interchange format based on XML has a greater 
chance of being accepted by other application communities. 

• There are a number of XML-based specifications that are being defined by com- 
munities, both within and outside the World Wide Web Consortium. GraphXML 
can take advantage of some of these existing standards. See Section 0 for exam- 
ples. 

• Software tools are emerging, which are either based on XML or work with XML. 
For example, there are a number of both commercial and public domain XML 
editors. These tools can be very helpful in managing graph description files that 
are based on GraphXML. 

• Several XML parser tools are freely available in Java, C, and C++. A full-featured 
parser that provides error management and syntax checking can easily be gener- 
ated using these tools. The main task is to define the semantic interpretation spe- 
cific to the application (in our case, GraphXML). 



^ There are hundreds of books on XML, so rather than pick a specific reference we refer to the 
original specification [6], which is available on-line. 
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In what follows, an overview of the main features of GraphXML is given. A more 
complete description of GraphXML, including the exact specification, is available in 
[7]. 

3 Graph Structures in GraphXML 



3.1 A Simple Example 

The following code segment shows the simplest possible use of GraphXML. It de- 
scribes a graph with two nodes and a simple edge: 

1 <?xml version= " 1 . 0 " ? > 

2 <!DOCTYPE GraphXML SYSTEM " file : GraphXML . dtd" > 

3 < GraphXML > 

4 <graph> 

5 <node name= " first " /> 

6 <node name =" second" /> 

7 <edge source= " first " target= " second" /> 

8 </graph> 

9 < /GraphXML > 

This example shows the basic style of a graph description in GraphXML. It resembles 
the way HTML documents are written, albeit using different tags. This example con- 
tains all the elements that are necessary to describe a purely mathematical graph. 

The first line is required in all XML files. The second line specifies that this is an 
XML application based on the GraphXML DTD contained in the file 
GraphXML. dtd^. Finally, the third and the last lines enclose the real content of the 
files. The real content begins with line number 4, which defines a full graph. We de- 
lineate graph definitions with the < graph > tag so that a file can contain several graph 
definitions. The body of the graph description is straightforward: two nodes and a 
connecting edge are defined. 

Attributes can also be defined for each of the elements: these are key-value pairs. 
The GraphXML DTD defines the set of allowable attributes for each element and a 
validating parser will to check those. It is partly through those attributes that addi- 
tional information about nodes, edges, or graphs can be conveyed to the application. 
For example, the <graph> tag can use keys such as version, vendor, pref erred- 
Layout, isPlanar, isDirected, isAcyclic, or isForest. 



3.2 Application-Dependent Data 

Application data can be added to different levels of the graph description through a 
series of additional elements. These elements are meant to represent the different 
types of application or domain-dependent data that can be associated with a graph, a 
node, or an edge. GraphXML defines the following application data: 



^ This line specifies that the DTD is on the local file system but could be replaced by a URL 
specification. In this way, it is possible to make the DTD publicly available on the World 
Wide Web. 
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• Labels (< label > tag): whereas the name attribute is used for unique identifica- 
tion, the label can contain any kind of text and does not have to be unique. Appli- 
cations can use these to label nodes and edges. 

• Data (<data> tag): domain-dependent data represented by a node, edge, or even 
the full graphk 

• Data references (<dataref > tag): data that is referenced externally rather than 
embedded in the graph description file. 

The format of external references (within the <dataref > tag) follows the specifica- 
tion of a separate document of the World Wide Web consortium, called XLink[8]. For 
our purposes, the virtually identical URL format used in HTML will suffice for exter- 
nal references. 



The following example describes the same graph as in the previous section, except 
that the first node has associated data^. 



1 


<node name= " first " > 




2 


<label>Proj ect Home page</label> 




3 


<data> CWI Information Visualization 


project</data> 


4 


<dataref > 




5 


<ref xlink : role= "Lead" xlink:href=' 


'http : / /.../ ~ivan" / > 


6 


< ref xlink : role= "Descr "xlink : href = "http : / /.../ Inf oVisu" / > 


7 


</dataref > 




8 


</node> 




9 


<node name=" second" /> 




10 


<edge source= " first " target= " second" /> 





Note the use of the xlink: role attribute in the example (see lines 0 and 0), which 
can be used to describe what the exact role of the link is. This can provide a useful 
indication to the application. 



3.3 Hierarchical Graphs 

All the examples mentioned until now refer to a single graph. However, information 
visualization applications are often used on very large graphs, and one of the ways of 
handling the size problem is to define the information in terms of a hierarchy of 
graphs, or clusters, instead of one single graph. What this means is that the nodes of 
one graph can refer to other graphs, these can refer to yet another graph, and so on. 
Powerful techniques exist to hierarchically cluster graphs and to visualize the hierar- 
chies (see the survey of Herman et. al{9]). GraphXML offers a way to describe such 
graph hierarchies. Consider the following example: 

1 <graph id="L-l"> 

2 <node name="f irst"/> 

3 <node name =" second" /> 



^ Although XML describes everything in terms of strings, it has its own formalism, called enti- 
ties and notations, which can be used to include binary data, too. However, using external 
references, through the <dataref > tag, may be more appropriate for this. 

^ From now on, we are omitting the header part from the examples to save space. 
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<edge source= " first " target= " second" /> 
c/graph> 

<graph id="L-2"> 



7 


<node name=" third" /> 




8 


<node name= " fourth" /> 




9 


<edge source= " third " 


target= " fourth" / > 


10 


</graph> 




11 


<graph id= " levelTwo" > 




12 


<node isMetanode=" true" 


name= " clusterl " xlinkr 


13 


<node isMetanode=" true" 


name= " cluster2 " xlinkr 


14 


<edge source= " clusterl " 


target= " cluster2 " / > 


15 


</graph> 





="#L-l"/> 

="#L-2"/> 



The example shows the tools introduced in GraphXML to describe graph hierarchies. 
A GraphXML document can contain several graph descriptions. Each graph descrip- 
tion can use a (unique) identifier, using the id key. A “meta” node in a higher level 
in the hierarchy uses this identifier to “link” to another graph, using the 
xlink:href attribute key (see line numbers 0 and 0). The isMet anode attribute is 
used to unambiguously identify a node that refers to another graph. Using these defi- 
nitions, this example describes a two level graph with two nodes and one connecting 
edge, where each node represents another graph. The full format of the xlink:href 
value is: URL# identifier where the identifier refers to a graph identifier within the 
document referred to by the URL. If the target is in the same document as the source, 
the URL part can be left out (as in the example). 

This simple adaptation of HTML introduces an powerful feature to GraphXML. It 
is possible to define a hierarchy of graphs, consisting of graphs that that are located in 
another file, or possibly in another Internet location than the hierarchy description 
itself. Applications that make use of this capability can create their own hierarchical 
or clustered views of public datasets.^ 



3.4 Dynamic Graphs 

If a graph visualization system is used interactively, the system may be asked to store 
the history of the user’s actions in some form of journaling. What this means is that an 
interchange format should be able to describe not only the initial graph, but also any 
editing steps that have changed the structure or the attributes of the graph. This is the 
reason for the use of <edit> tags in GraphXML. 

The edit sections in a GraphXML document are syntactically similar to graph 
specification, except for the use of the <edit> tag instead of <graph>. Furthermore, 
the <edit> tag has a required attribute key action, whose value can be remove or 
replace. Here is an example: 



^ Note that WebDot’s DOT format[2] includes facilities to describe clusters, but the format is 
limited to subgraphs defined in the same file. 
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1 


<graph version= " 1 . 0 " vendor="cwi" id= " theGraph" > I 


2 


<node name= 


"first"> 


3 


<label>A 


label to display for this node</label> 


4 


<dataref > 


<ref xlink : href = "Bigicon . gif " /> </dataref> 


5 


</node> 




6 


<node name= 


" second" /> 


7 


<edge name= 


"thisEdge" source= " first " target= " second" > 


8 


<dataref> <ref xl ink: href =" ExternalData. bmp" /> </dataref> 


9 


</edge> 




10 


</graph> 




11 


<edit action= 


"replace" xlink : href ="#theGraph" > 


12 


<node name= 


"first " > 


13 


< label >Another label</label> 


14 


<dataref> < 


ref xlink : href ="anotherImage .gif "/> </dataref> 


15 


</node> 




16 


<edge name= 


"thisEdge" source= " first " target= " second" /> 


17 


</edit> 





The semantics of the editing element (line 0) is based on identifying the element in 
the edit block and in the original graph. This controls what is being edited. The value 
of the action attribute determines what happens: the corresponding element will 
either be removed or replaced by the content in the <edit>. The semantics of 
matching elements is more involved (see the full description [7] for details). 

The result of carrying out the editing action in the above example can be 
represented by the following GraphXML description: 



1 


<graph version= " 1 . 0 " vendor="cwi" id=' 


'theGraph" > 


2 


<node name="f irst" > 




3 


<label> Another label </label> 




4 


<dataref> <link xlink:href="anotherImage .gif "/> </dataref> 


5 


</node> 




6 


<node name=" second" /> 




7 


<edge name=" thisEdge" source= " first ' 


target= " second" /> 


8 


</graph> 





Note the disappearance of the data references in the edge (line 0 in the previous ex- 
ample). This is because the editing action has replaced those with their “empty” 
counterpart from within the editing element (line 0 in the previous example). 

If, in the same example, the action attribute were set to remove, the result would 
be as follows: 



1 


<graph version= " 1 . 0 " vendor="cwi" id= 


' theGraph "> 


2 


<node name= 


'first"> </node> 




3 


<node name= 


' second" / > 




4 


<edge name= 


'thisEdge" source= " first " 


target= " second" > 


5 


</edge> 






6 


</graph> 







The xlink:href attribute used by the edit element has the same syntax and seman- 
tics as described for hierarchical graph descriptions. In other words, an edit element 
can refer to a graph in another file or even another Internet location. 

As an additional tool for editing, GraphXML also defines the <edit-bundle> 
tag, which is simply a sequence of edit tags: 

1 <edit-bundle> 

2 <edit ...> ... </edit> 

3 <edit ...> ... </edit> 

4 </edit-bundle> 
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This simple grouping of editing elements can be useful if the user wants to animate 
the result of editing, but doesn’t want to display each individual editing step. Using 
this bundling mechanism, the granularity of animation can be controlled by the crea- 
tor of the GraphXML file. 



4 Storing Geometry 

Section 0 describes only structural elements: nodes, edges, and hierarchies. Visuali- 
zation systems have to layout the graph before presenting it to the user. GraphXML 
tags for this purpose are described in the next section. 



4.1 Positions and Size 

The position of a node can be described by adding the <position> tag as a child to 

<node>: 

1 <position x="0.0" y="0.0"/> 

The size of the node can also be described with the <size> tag: 

1 <size width="3.0" height="5 . 0"/> 

This tag can be especially important for layout algorithms that take the node size into 
account when laying out the graph. 

The <size> tag can also be used as a direct child of <graph>. It then denotes the 
size, or bounding box, of the full graph. Applications can benefit from such informa- 
tion because it allows them to allocate the necessary area on the screen and coordinate 
transformations in advance. 



4.2 Edge Geometry 

Edges differ from nodes insofar as a sequence of coordinates may be necessary. This 
i s achieved through the < pat h> tag: 

1 <path type= "polyline " > 

2 <position x="0.0" y="0.0"/> 

3 <position x="0.1" y="0.0"/> 

4 <position x="0.1" y="0.1"/> 

5 </path> 

The <path> tag contains a sequence of control points. The type attribute can take 
the value of polyline, arc, or spline, depending on whether the edge is to be 
drawn as a polyline or a spline curve. In the case of a spline, the positions indicate the 
spline control points. 
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4.3 Geometry for Hierarchical Graphs 

The geometry definition described earlier is insufficient for the description of hierar- 
chical graphs: the same graph might be included in more than one place in the higher- 
level graph and the geometry must be adapted to the metanode’s position. The solu- 
tion is to use the <transform> tag, which is a child of <node>. This element de- 
scribes the transformation to be applied to each coordinate value in the referenced 
graph. For example, the following code fragment: 



1 


<node name="SecondOrder" 


isMetanode= " true " 


xlink : href ="#basic" > 


2 


<transform matrix="l 


0 0.0 0.5 0.0 1.0 


0.5"/> 


3 


</node> 







translates all the referred nodes and points to the (0.5, 0.5) point. The <transform> 
element contains 6 numbers to describe a 2x3 matrix. See [10] for details on how 
these transformation matrices are used in computer graphics.^ 



5 Visual Properties 

In addition to layout, the appearance of a graph is determined by visual properties, 
such as line width, colour of the components, icons replacing nodes, etc. In 
GraphXML, the user can control these properties through the <style> tag. A style 
can include the tags <line> or <f ill>. In the case of a node, the line tag controls 
the border of the symbol drawn for the node, whereas the fill tag controls the interior. 
For example, the block: 

1 <node name= " first " > 

2 <style> 

3 <line linestyle= "dashed" linewidth= " 2 " colour= " red" /> 

4 <fill fillstyle= " solid" colour="blue"/> 

5 </style> 

6 </node> 

7 <edge source= " first " target= " second" > 

8 <style> 

9 <line linestyle= " solid" linewidth= " 1 " colour="cyan"/> 

10 <fill f illstyle="none"/> 

11 </style> 

12 </edge> 

defines a node symbol to have a red dashed boundary drawn with a line width of 2, 
and filled with solid blue^. The edge should be drawn in cyan without filling the inte- 
riors (in case the edge is drawn as a polygon). 

The fill element can also refer to an image file instead of specifying the colour and 
the fill style. This instructs the application to use the image as an icon to display the 
node. For example, line 0 could be replaced by: 

<f ill xlink : href = "http : //www . some . site/ imagef lie . gif " /> 



^ All positions, as well as the transformations, can also be extended to 3D. 

^ Note that this specification does not specify the exact glyph to be drawn by the application. 
This is either left to the implementer of the visualization system, or specified via a more so- 
phisticated control tag, called <implementation>. See [7] for further details. 
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The mechanism described so far would lead to repeated visual control tags, greatly 
increasing the size of the graph file. It might also become cumbersome to adapt a 
graph file to a new environment with other visual characteristics. To solve these 
problems, an inheritance mechanism for visual properties is available. The goal is to 
provide a general control mechanism that allows for easy adaptation. A style element 
can be added on the graph level, to control the overall appearance of the graph: 



1 


<graph> 






2 


<style> 






3 


<line tag="node" 


linestyle= "dashed" 


linewidth= " 2 " colour= " red" /> 


4 


<fill tag="node" 


f illstyle= " solid" 


colour="blue"/ > 


5 


<line tag="edge" 


linestyle=" solid" 


linewidth= " 1 " colour= " cyan" / > 


6 


<fill tag="edge" 


f illstyle="none " /> 




7 

8 


</style> 







This results in the same visual effect as before, except that the visual properties are 
valid for all nodes and edges in the graph (note the use of the tag attribute in the line 
and fill elements to differentiate between nodes and edges). 



Nodes and edges can also use the class attribute to categorize elements with 
common visual properties. Using this additional identification, finer control over the 
visual attributes can be achieved by applying a specific visual attribute to a class of 
nodes or edges. For example, in following block of code: 



1 


<graph> 




2 


<style> 




3 


<line tag="node" 


linestyle= "dashed" linewidth= " 2 " colour= " red" /> 


4 


<fill tag="node" 


f illstyle="solid" colour="blue"/ > 


5 


<fill tag="node" 


colour=" green" class= " special " / > 


6 

7 


</ style> 




/ 

8 


<node name= " first " 


7 > 


9 


<node name=" second" class= " special " /> 


10 






11 


<node name="nth" 


class=" special"/ > 


12 







the node first will be displayed the same way as before; however the nodes second 
and nth will become green instead of red. This is because line 0 specifies that “all 
nodes of class ‘special’ should be filled in green”. 

Metanodes require a special style control facility to affect the style of all included 
elements. The reader should refer to [7] for details. 

Using the entity mechanism of XML, it is possible to include an XML file within 
another. This is particularly handy when controlling styles: it is possible to collect all 
the style elements into a separate file and include it in a graph specification. If a 
change is made to the style file, it will automatically affect the visual properties of all 
the graph description files that reference it. 



6 User Extensions 

Although the specification of GraphXML includes rich facilities for the association of 
data with nodes and edges, it is not possible to predict all the possible attributes an 
application might want to add to an element. For example, if the application is for 
web visualization, the user might want to associate a MIME type with a node. In other 
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words, the application would need to have its own, <mime> tag for each node, in ad- 
dition to the tags defined by the GraphXML DTD. 

Such extensions are possible using GraphXML. This is how an extension for a 
mime tag can be added to a graph: 

1 <!DOCTYPE GraphXML SYSTEM " file : GraphXML . dtd" [ 

2 <! ENTITY % nodeExtensions "|mime"> 

3 < ! ELEMENT mime EMPTY> 

4 <!ATTLIST mime 

5 type CDATA #REQUIRED 

6 application CDATA #IMPLIED 

7 > 

8 ]> 

9 < GraphXML > 

10 <graph> 

11 <node name= " first " > 

12 <label>Proj ect Home page</label> 

13 <dataref> <ref xlink : href = "Description . pdf " /> </dataref> 

14 <mime type="application/pdf " application= "Adobe Acrobat"/> 

15 </node> 

16 

The file contains what is called an “internal DTD” (lines 0-0), which extends the 
elements that can be included in a node definition. The definition states that a <mime> 
element can be added as the child of a node, that this is an element that contains only 
attributes (i.e. no sub-elements), and that the attributes can be type and applica- 
tion (the first being compulsory, the second optional). 

The XML syntax is a bit cryptic. However, the end-user does not necessarily have 
to include such internal DTD’s into all GraphXML files. Instead, using standard XML 
mechanisms, it is possible to define a separate DTD containing the application- 
specific extensions (and a reference to the GraphXML . dtd, of course). Using such 
extension, the header part becomes simply: 

1 <!DOCTYPE GraphXML SYSTEM "file: WebVi sual i zer . dtd "> 

2 < GraphXML > 

3 <graph> 

4 

In other words, the intricacies of the XML DTD syntax remain invisible to most users. 
Furthermore, because the extension is made through a standard XML mechanism, the 
basic GraphXML parser remains unchanged. Only the application-dependent part has 
to be adapted for the new extensions. Herman and Marshall [7] describes application- 
specific DTD’s in more detail. 



7 Future Developments 

As stated REFearlier, one of the advantages of using XML is that the future evolution 
of XML-based specifications can be used to develop new tools for GraphXML. Here 
are just two examples: 

• An upcoming specification is the RDF Schemas[ll], which will replace DTD’s in 
future. Schemas also include various data types with possible constraints on the 
values. Schema based parsers will be able to make on-the-fly checks on the input 
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data (e.g., coordinates should be numbers), relieving the GraphXML parser and 
applications from having to perform these checks themselves. 

• W3C is currently developing a standard for graphics on the Web, called SVG[12]. 
It will be possible to define simple tools to transform GraphXML specifications 
into SVG^. This means that the result of graph drawing systems can be published 
on the Web in the form of vector based graphics, rather than screen dumps, 
yielding better quality and smaller bandwidth requirements. 

8 Public Availability 

The full description of GraphXML, as well as the GraphXML DTD, is publicly avail- 
able at the URL: http://www.cwi.nl/InfoVisu/GraphXML. The parser is also available 
as a collection of Java 1.2 classes, which can be embedded into an application. The 
implementation uses publicly available XML parsers in Java. See the full description 
at the above URL for details. 
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Abstract. We introduce polar visibility graphs, graphs whose vertices can 
be represented by arcs of concentric circles with adjacency determined by 
radial visibility including visibility through the origin. These graphs are 
more general than the well- studied bar- visibility graphs and are character- 
ized here, when arcs are proper subsets of circles, as the graphs that embed 
on the plane with all but at most one cut- vertex on a common face or on 
the projective plane with all cut-vertices on a common face. We also 
characterize the graphs representable using full circles and arcs. 

1 Introduction 

Visibility graphs are now a well-established area of graph drawing [10]. Much 
has been written about their importance and application; however, they continue 
to pique the imagination of mathematicians with their intrinsic appeal and 
intriguing questions [2]. There has been a natural progression from bar- visibility 
graphs (BVGs) [11, 17] to rectangles [1, 3, 4, 6], from bars with visibilities in the 
plane to those on the sphere and cylinder [12, 13], on a (flat) torus [8], or on the 
Mobius band [5]. These rectilinear representations are natural ones for most 
applications; however, we turn instead to the realm of polar representations with 
arcs of circles and radial visibility. In many ways circular representations and 
related polar coordinates are equally natural and in some contexts more applica- 
ble than rectilinear ones. With this change of perspective we can and do represent 
a class of graphs, larger than with bars in the plane, though ultimately con- 
strained by the real projective plane. Thus with a planar representation of arcs of 
circles nonplanar graphs are drawn in a natural way, resulting in diagrams often 
reminiscent of time-exposed shots of the North Star and surrounding stars. 

We introduce the layout of graphs as polar visibility graphs (PVGs) using 
arcs of concentric circles (arcs that are proper subsets of a circle) with radial 
visibility, including visibility through the origin, the center of all the concentric 
circles. These graphs, though arising naturally from visibility in the plane, corres- 
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pond to graphs embedded on the (real) projective plane, the nonorientable surface 
of Euler characteristic 1. PVGs are characterized as the planar graphs that can be 
drawn in the plane with all but at most one cut- vertex on a common face plus the 
graphs that can be embedded on the projective plane with all cut- vertices on a 
common face. We also consider the variation in which full circles are allowed 
along with arcs, and characterize the graphs so representable (CVGs) in terms of 
their block-cutpoint tree. 

2 Background 

Just as visibility wider than along a line is required for BVGs, we ask 
that radial visibility in PVGs be available through a nondegenerate cone. Define 
a (nondegenerate) cone in the plane to be a 4- sided region of positive area with 
two opposite sides being arcs of circles, centered at the origin, and the other two 
sides, possibly intersecting, being radial line segments on lines through the 
origin. Thus, both qL:l£r£2, 0£q£p 6< and also 

9IlrqL: 0 £ r £ 1, 0 £ q£ ^orp£ q£ 9M, qL: - 1 £ r £ 1, 0 £ q£ ^ = 

6 6 6 

are considered to be cones, respectively, not containing and containing the origin. 
Given a set of arcs, all centered at the origin, two of these arcs a\ and 02 are said 
to be radially visible if there is a cone that intersects only these two arcs and 
whose two circular ends are subsets of the two arcs; the same definition holds for 
visibility between an arc and a circle and between two circles. A graph is called a 
polar visibility graph if its vertices can be represented by arcs, including end- 
points, of circles centered at the origin, having pairwise disjoint relative interiors, 
so that two vertices are adjacent if and only if the corresponding arcs are radially 
visible; see Figure la below for a PVG representation of K^. If this model is 
used, but without visibility through the origin, the graphs arising are one of the 
cylindrical types characterized in [13]. Note that for a 2-connected graph (a graph 
without cut- vertices) there is no loss in taking arcs as proper subsets of circles 





Fig. 



lb. A circular visibility layout 
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since a full circle can be cut down to a smaller arc, leaving the same visibilities. 
Arcs in a PVG layout spanning more than half its circle will provide interesting 
variations, full circles even more. We use graph theoretic terminology as in [15], 
topological notions as in [9], and algorithmic ideas following the BVG presenta- 
tion in [10]. 

Similarly a graph is called a circular visibility graph if its vertices can 
be represented by arcs and circles with radial visibility between arcs and circles 
determining edges as for PVGs. When possible we prefer, but do not require, arcs 
over circles; that is, in a layout we will decrease a circle to become a proper arc if 
no additional visibilities are introduced. We shall see that some planar and 
projective planar graphs with cut- vertices on an arbitrary number of faces are 
CVGs, but not PVGs, but that these faces must be nested appropriately. Figure lb 
shows such a planar CVG. In that layout the inner circle contains one arc; if 
instead, it contained four mutually visible arcs, encircling the origin and forming 
a , the example becomes a nonplanar CVG. 

Note that in a PVG or CVG layout of a graph G, we may draw each arc 
and circle on a distinct circle, and we may take these circles to have radii 
1, 2, ..., n where n = 'yHQj'. This naturally leads to another layout of the graph 
in a disk of radius n-i-1 and centered at the origin by inverting each circle and arc 
through the circle of radius Hn+ IL 2. That is, each point with polar coordinates 
H;;* ql, 0 < r < n + 1, is mapped by the inversion to the point Hn+ 1 - r, ql. This 
inversion preserves circles, arcs, and the angles defining these arcs. If the original 
layout was L, we denote this inverted layout by /HZE. 

Recall that the (real) projective plane can be obtained by taking a 
circular disk and identifying opposite (or antipodal) points. Thus if we identify 
opposite points of the circle of radius n+ 1, we create a projective plane. Two 
arcs in /HZE (or an arc and a circle or two circles) that were previously radially 
visible in a cone, not containing the origin, are still radially visible, and a pair 
visible in a cone through the origin are now visible in a "generalized cone" that 
crosses the boundary of the projective plane, reemerging on the other side. The 
coordinates of such a generalized cone are given by 
8H;rqllj, r* £ r £ n + \ ov - Hn+ lL£ r £ - s* , q^ £ q£ c^< where r* , s*, qi < (^ 
are constants, 0£r’^, s* < n + 1. In addition, the interior of no two of these new 
cones intersect. Fig. 2a shows the inverted layout of on the projective plane 
with dashed lines indicating a conical area of visibility, and in 2b we see an 
embedding of created by shrinking each arc to a vertex. The first proposition 
is then clear since each inverted arc and circle on the projective plane can be 
replaced by a single vertex. Then the visibility cones can each be shrunk and 
transformed to a set of nonintersecting edges on the projective plane. 
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Fig. 2a. and lYK^l7 on the projective plane 
2b. For G = K^, HLqL= UlLJI^ 



Proposition 2.1. A PVG or a CVG embeds on the projective plane. 



Recall that a graph G is said to embed on a surface S if it can be drawn 
there without any edge crossings, and that each maximal connected component of 
5 \ 8 mCj-iEuCL is called a face of the embedding (we do not require that the 
faces be simply connected). 



Theorem 2.2. A graph G is a PVG if and only if either a) G has an embedding in 
the plane with all but at most one cut- vertex on a common face, or else b) G has 
an embedding on the projective plane with all cut- vertices on a common face. 



Note that condition (a) allows for the representation of planar graphs that are not 
BVGs; for example ^2,3 with three additional vertices of degree 1 appended, one 
each to a vertex of degree two, is a PVG. Similarly + Ae (^4 plus a pendant 
vertex and edge at each vertex) is a PVG (see Fig. 3 ); these are the smallest 
graphs that are not BVGs. Condition (b) also allows for more planar graphs; for 
example, two vertices joined by three internally disjoint paths of length three 
(i.e., three edges each) plus six vertices of degree 1, each adjacent to a different 
vertex of degree two, satisfies (b), but not (a). 

Every graph G can be decomposed into its blocks and their connecting 
cut- vertices (a block is either an edge or a 2 -connected subgraph; see [ 15 ]), and 
these connections determine a tree, called the block-cutpoint tree of the graph, 
BChG. This tree has a vertex for each block and for each cut-vertex of G, and 
two vertices of BChG are adjacent if and only if they correspond to an incident 
cut- vertex and block. We call a block planar if it represents a planar graph. 



Theorem 2 . 3 . A graph G is a CVG if and only if BCiGl consists of a path 
R = Hq, ^2’ •••’ ^ 2 k+l^^ k t 0, with ^2/ representing a planar block, i= 1, ..., k, 
so that 

Idi) e\ is also incident with one additional (nonempty) block representing a (2- 
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connected) projective planar graph, or 

Ih) e I is also incident with one or more (nonempty) planar blocks, and 

2) € 2 k + 1 is also incident with an arbitrary tree structure T so that T ^2k + 1 
represents a planar graph that can be drawn in the plane with all cut-vertices, 
except possibly for that representing e 2 k+ ^ , on a common face. 

When k = 0, these conditions reduce to those of Theorem 2.2. On the other hand, 
it may be that each cut- vertex of G, represented by ^3,..., ^2y^+l’ ^ 

different face, as in Figure lb. This example is the first of an infinite family of 
CVGs with an increasing number of cut- vertices, all on different faces; the 
family is obtained by nesting repeatedly the same pattern of arcs and circles. 
Most of the details of the proofs of Theorems 2.2 and 2.3 are included below. 

As described in [10], planar layouts and the block-cutpoint tree of a 
graph can be determined in linear time. Projective planar graphs can also be 
recognized and embedded in linear time [7]. It can quickly be determined 
whether all cut-vertices of a graph lie on a common simple cycle and, if so, 
whether there is an embedding in either surface in which this cycle bounds a 
face. The proofs of Theorems 2.2 and 2.3, together with standard BVG algo- 
rithms, lead to a GhN^L = Gl^V^Ltime algorithm for laying out a PVG G with 
N vertices and E edges, given an embedding of G in the projective plane as a 
rotation scheme (defined below), as in [7, 9]. 

3 Main Results on PVGs 

We develop theory that will also allow extension to CVGs. We focus on simple 
graphs and their characterizations as in Theorems 2.2 and 2.3. Thus we say that 
two arcs are radially visible if there is at least one maximal cone providing 
mutual visibility; however, we can also obtain more precise results by keeping 
track of multiple and even self- visibility between arcs and circles. 

First we need more precise topological and geometric definitions. 
Consider a PVG or CVG layout L of a graph G and its inverse layout on the 
projective plane, IlLl. We let L* (respectively, 7 i£l') denote the visibility 
depiction obtained by shrinking each maximal visibility cone of L (resp., lull) to 
a distinct line segment by reducing its angles bi £ q£ b 2 to some constant q= 
b\ < Z? < strict inequality ensures distinct visibility segments. For G = 
/HZl" is shown in Fig. 2a. 

Also let Lq (resp., denote the graph obtained from L* (resp., 

/HZl") by shrinking each arc to a vertex, consisting of one point, and transform- 
ing each visibility line segment to an edge that intersects no other edge except 
possibly at the origin (resp., an edge that intersects no other edge on the projec- 
tive plane). If L* or /HZl" contains a circle, it is replaced by a point as vertex. 
Thus ULLILq is a graph embedded on the projective plane, see Fig. 2b. Note that 
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L* , /HZl", and IfHZLL( have visibility segments and edges for each dis- 

tinct, maximal visibility cone so that multiple edges and loops may be present in 
these depictions; however, a pair of multiple edges will not form an embedded 
digon with empty interior. 

Note that the complement of the arcs, circles, and lines of L* divide up 
the plane into faces; similarly /ILl' divides up the projective plane. One face of 
L* is the exterior face, possibly containing the origin; this exterior face is the one 
in which most cut- vertices of a PVG and their blocks can be placed. We say that 
an arc or circle of a layout L lies on the exterior face if it lies on the exterior face 
ofC. 

We use the following combinatorial description of an embedded graph 
and of a PVG or CVG layout. If a graph is embedded on any surface, then for 
each vertex there is naturally defined a cyclic rotation of its neighbors, given by 
the order, say clockwise, of its edges in the embedding; such a collection of 
rotations, one for each vertex, is called a rotation scheme. (See, for example, [16] 
where it is shown that an embedding is equivalent to a rotation scheme.) Such a 
description is generally used for algorithms on embedded graphs [9]. Similarly, 
given a PVG layout L in the plane and its inverse layout /HZE in the projective 
plane, one can define the arc-rotation scheme to be the set of cyclic rotations of 
neighbors about each arc of its visibilities to other arcs; note that the rotations at 
the arcs of L and of /l£l are inverses of each other. We say that an embedding of 
a PVG graph G in the plane or on the projective plane and its polar visibility 
layout L are equivalent if the arc-rotation scheme of /HZE, when translated into a 
set of vertex-neighbor cycles, yields the rotation scheme of the embedded graph; 
see Figs. 1, 2. Given a circle in a CVG layout L or ZhZE, the neighbors divide into 
two cyclic rotations of the inner and outer visibilities, called the circle-rotation 
scheme. Then a drawing of a CVG and its layout L are equivalent if the arc/circle- 
rotation schemes of /HZE agree with those of the embedded graph. 

It is not hard to see the following, by bending or straightening corre- 
sponding BVG and PVG layouts. 

Proposition 3.1. A connected graph has a PVG layout with no visibilities 
through the origin if and only if the graph is a BVG. 

A PVG layout with no visibilities through the origin contains arcs in sectors, 
alternating about the origin, so that some can be reflected through the origin, 
leaving the layout in two quadrants, and this can be straightened to form a BVG. 

Of course there are planar graphs with layouts as PVGs including 
visibilities through the origin and with cut-vertices represented on the exterior 
face. Note that whenever there are visibilities through the origin in a layout L, 
then the equivalent graph HUZL^ is embedded on the projective plane. It turns 
out that in some PVG layouts there is a (sneaky) hiding place for a cut- vertex and 
its connecting blocks, but the resulting graphs turn out to be planar. In a PVG 
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layout we call an sltc a* a long arc if its angular span is greater than p. Suppose 
o' = 8I^*, 0 £ q£ p+ x<, for some 0 < x < p. Then the cone defined by 

CYia\= 8H; q[^ - r* £ r £ r* , 0 £ q£ x< is an area in which interior arcs can see 
the arc a* and possibly no others; see Fig. 3. 

In preparation for CVG layouts, we require special PVG layouts. Let a* 
be a long- arc at radius 1, spanning £ q£ q^ + p + x for some x > 0. Arcs a* 
and b* are called a long-arc pair at the origin if they are mutually visible, 
together they span 2p, and if Z?"" lies at radius r* > I, no arcs intersect the long- 
arc cone qL: 0 £ r < r* , q^ + p + x < q< q^ + 2p<. (For example, when 
r* = 2, no arcs can meet the designated cone.) Similarly if a* is a long-arc at the 
outermost radius n = "VB.CL\ spanning c^£q£c^ + p + yfor some y > 0, then 
a* and b* are a long-arc pair at infinity if they are mutually visible, together 
span 2p, and if Z?"" lies at radius r* < n, no arcs intersect the long-arc cone 
8E;rqL: r* < r < n, c^ + p+ y<q<(^ + 2p<; see Figs, la, 3. Notice that in long- 
arc pairs the long arc at radius 1 or at radius n could be extended to form a full 
circle without changing visibilities. 




Here are the building-block results needed for the PVG characterization. 

Proposition 3.2. Let G be laid out as a PVG L including a long arc a* that 
represents a cut- vertex x*, not lying on the exterior face, and let 5 be a block of 
G incident with x’^ and whose representation lies within CYti*l in L. Then G is a 
planar graph and can be drawn in the plane with one face including all vertices 
whose arcs lie on the exterior face of L. 

The proof consists of observing that in /HZE and in the representation of a 

block B incident with x* lies within a (noncontractible) sector of the projective 
plane that divides the space into two contractible (planar) regions. 

The next result is the necessary topological argument needed to character- 
ize PVGs; it is a contraction proof similar to that of [14] and [8]. This result is 
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carried out for multigraphs, those embedded with no digon face with empty 
interior except for two special faces. For these graphs we achieve layouts with a 
one-to-one correspondence between distinct, maximal visibility cones and edges 
of G. If X is a vertex of a PVG, we let denote its arc in the layout, and con- 
versely Xa is the vertex corresponding to an arc a. 

Proposition 3.3. (i) Let G be a loopless 2-connected plane multigraph, let F be a 
face in the embedding, and let c be a vertex of G. Suppose G has at most two 
digon faces, possibly F and, when c does not lie on F, possibly one incident with 
c. Then = G plus a loop at c has a PVG layout in which all vertices of F 
are represented on the exterior face of and Ric, a^l is a long-arc pair at the 
origin for some neighbor d of c. In addition, G^ has an embedding on the projec- 
tive plane that is equivalent to L^. 

(ii) Let G be a loopless 2-connected plane multigraph with and V 2 designated, 
distinct vertices and with no digon face. Then G^ = G plus a loop at V 2 has a 
PVG layout with Vf represented by arc a/, i = 1, 2, with Hq, a long-arc 
pair at infinity, and with H^2 ^2^ ^ long-arc pair at the origin, where for i = 1 and 
2, arc bi corresponds to some neighbor of v/. Also G^ has an embedding on the 
projective plane that is equivalent to L^. 

(iii) Let G be a loopless 2-connected multigraph with a 2-cell embedding on the 
projective plane, with F a face in the embedding, and with no digon face except 
possibly for F. Then G has a PVG layout L that is equivalent to the embedding of 
G with exterior face corresponding to F. 

(iv) Let G be a loopless 2-connected multigraph with a 2-cell embedding on the 
projective plane, with no digon face, and with a designated vertex. Then G has 
a PVG layout L, equivalent to the embedding of G, in which is represented by 
arc a I with Uai, I a long- arc pair at infinity and with arc b\ corresponding to 
some neighbor of . 

Sketch of proof of (i). For most cases (when c does not lie on F), the proof is by 
induction on n. 

We can always find a nonloop, nonmultiple edge ^ = B:, yl of G so that 
G with e contracted, G e, is 2-connected, loopless, embedded on the plane, and 
F is still bounded by at least two edges. G e satisfies the inductive hypothesis 
and so has PVG layout L^, equivalent to an embedding of G ^ plus a loop on the 
projective plane. If the contraction combines vertices x and y into new vertex x"", 
let a* he its representation in L^, at say radius r. Because the embeddings of G/e 
and Lg are equivalent, the lines of visibility to arcs representing vertices adjacent 
to X in G are consecutive in the rotation of visibility lines about a"" in L^. Then, 
when a* is not one of the special long arcs at the origin, it can be replaced by two 
arcs Gx and ay at radii r - 0.5 and r + 0.5 (or vice versa), representing vertices x 
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and y of G, so that their visibilities give all edges incident with x and y and 
preserve the arc-rotations at x and y in G; see Fig 4. This alteration gives the 
desired PVG layout L for G. The argument is similar, though a bit more intricate, 
when a* is part of the long-arc pair at the origin. The proofs for (ii-iv) are 
analogous. 



a* 



Fig. 4. An arc and its neighbors 
We then obtain the following. 

Proposition 3.4. If G has a PVG layout L, then the embedding I^^HZLL( of G on 
the projective plane has cut- vertices on at most two faces. If the embedding has 
cut-vertices on two faces, then on one face there is only one cut-vertex, repre- 
sented in L by a long arc. 

Corollary 3.5. If G has a PVG layout L with a long arc a"", representing a cut- 
vertex x"" and not lying on the exterior face, then G has a planar embedding with 
all cut- vertices except for x* lying on a common face. 

Theorem 3.6. A simple planar graph G has a PVG representation if it has a 
planar embedding with all but at most one cut- vertex on a common face. 

Sketch of the proof. Assume that G is not a BVG and so can be drawn in the 
plane with cut- vertices lying on the exterior face Fi and an additional cut- vertex 
c lying on F 2 „ F \ . Consider the block-cutpoint tree BChG of G; c may lie on 
several blocks, but at least one, call it contains a cut- vertex „ c lying on 

F \ . Both of the faces Fi are bounded by a facial walk W/, and each Wi contains a 
unique simple subcycle C/, lying in containing and c, respectively. If 

G has cut vertices c^,..., ci lying on F\, we label the blocks other than 
incident with , . . ., c/ B 2 , Bj, and the blocks , Dj^ incident with 

c. Then we prove by induction on j that there is a PVG layout L of G with F\ 
represented by the exterior face of L, with Uq., a 2 l long- arc pair at the origin 
for some neighbor d of c, and with the blocks incident with c represented within 
CBacL 
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Theorem 3.7. If a simple graph has an embedding on the projective plane with 
all cut- vertices on a common face, then it is a PVG. 

Proof. Let G have an embedding on the projective plane P with all cut- vertices 
on a common face F. We prove by induction on n = "VuGJl that G has a PVG 
layout with arcs representing cut-vertices on the exterior face and with its 
embedding equivalent to that of G. When n < 5, the graph has a BVG layout and 
so a PVG one by Prop. 3.1; each such graph containing a cycle also has a 2-cell 
embedding on the projective plane and an equivalent PVG layout. 

If G has no cut- vertex, then we apply Prop. 3.3(iii) for graphs on the 
projective plane to get the PVG layout of G. 

If G has a cut- vertex, we consider the block-cutpoint tree T of G, and, if 
possible, let c be a cut- vertex incident with a leaf of T with that leaf-block planar 
and embedded in a contractible region of P; call this block B. Deleting the 
vertices and edges of B\8c< leaves G^ on the projective plane with face F now a 
face containing all remaining cut- vertices. By induction G^ has a PVG layout 
that is equivalent to G^ and with exterior face representing Then there is a 
BVG layout of B with the bar representing c bottommost and extending the width 
of the layout, and by Prop. 3.1 B has a corresponding PVG layout L^. Then Uq in 
can be inserted as a subarc of ac on the exterior face of so that Lg together 
with gives the desired layout of G. 

Otherwise every leaf-block B is embedded in a noncontractible region of 
P and contains a noncontractible cycle in its embedding. If blocks B and are 
two such leaves, they must intersect at a cut- vertex c since every pair of noncon- 
tractible cycles on P intersects. If there are additional blocks, there are additional 
leaves which must also all meet at c so that T is a star K\ i with the non-leaf 
vertex of T representing c, the only cut- vertex of G, and each block is embedded 
in a wedge of P, all wedges meeting at, say, the origin. Such a graph is planar 
with one cut- vertex c and so by Theorem 3.6 is a PVG. 

Proof of Theorem 2.2 for simple graphs. By Theorems 3.6 and 3.7 the graphs 
described are PVGs. Conversely if L is a layout of a PVG G, then G has an 
embedding on the projective plane by Prop. 2.1 with embedding HlTLL^. If L has 
no visibility through the origin, then by Prop. 3.1 G is a BVG and so embeds in 
the plane with all cut- vertices on a common face. Otherwise, if L contains a long 
arc, satisfying the conditions of Cor. 3.5, then G embeds in the plane with all but 
one cut- vertex on a common face. Otherwise G embeds in the projective plane 
with all cut- vertices on a common face by Prop 3.4. 
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4 Results on CVGs 

As the example in Fig. lb and its extensions demonstrate, cut- vertices on many 
faces can be achieved using circles in layouts. We characterize CVGs in this 
section, as given in Theorem 2.3. 

Suppose G has a layout L with circles , C 2 , at radii 

< T 2 < < rj^ and with no circle replaceable by an arc so that the same 

visibilities are achieved. The circles Cf divide up the plane into annular regions 
and one projective planar region; note that neither the interior of denoted 
intHc^I, nor the exterior of extlty^I, is empty in L since neither circle can be 
replaced by an arc. Then the corresponding vertices v^, V 2 , of G are cut- 

vertices, and G is the union of graphs whose layouts lie in the annular regions 
plus the innermost region: G = G\ G 2 ... Gj^ Gy^+ \ where G\ is the 
subgraph whose layout in L lies on intHq I, Gy^+ \ lies on cj^+i extHcy^ \ I, 
and for / = 2 , . . . , k, G( lies on the annulus given by 
ci_i Cl exUlq_i'L. Thus G 2 , ..., Gy^+^ are each planar. In 

addition for / = 2 , ..., ^ Gf is 2 -connected since each block of Gf contains some 
vertices adjacent to vi_i and some to Vf. Thus the block-cutpoint tree for G, 
BChG, contains a path of 2k - I vertices, representing consecutively 
v^, G 2 , V 2 , ... , Gy^, Vy^. What sorts of graphs are possible for G\ and for Gj^+\, 
and what additional tree structure in BChQ is possible at the two ends of this 
path? 

Consider G\ , laid out on intHc^I, with ci opened up to become an 
arc a^so that this is a PVG layout of G\. If G\ is planar, by Prop. 3.4 and its 
proof, G\ can have at most one additional cut- vertex, not on the exterior face but 
represented by a long arc a* at radius I. If there is no long arc a* besides 
then may be attached to an arbitrary positive number of planar blocks. If there 
is a long arc a* „ a\, then each block represented between a* and a\ sees these 
two arcs and so there is only one block lying in this annular region. Inside and 
attached to a* may be any number + 0 of 2 -connected, planar graphs, but in 
any case, BCiGl has attached to the path-end either > 0 leaves or else one 
additional block vertex b, representing part or all of G^ , then a vertex for a* that 
is also adjacent to > 0 vertices of degree one. (Thus the latter case corresponds 
to having V 3 represented by and by a*.) If G^ is not planar, by Prop. 3.4 
and Cor. 3.5 it is 2-connected so that the path of BChQ is extended at by one 
additional vertex representing G \ . 

The layout for the planar graph Gj^^\ lies in the infinite region, 
cj^ extHql. In this layout of Gj^+\ the circle cj^ can be opened up to a long arc 
with empty interior to form a PVG layout; by Prop. 3.4 Gj^^\ has all its cut- 
vertices on a common face, the exterior face, and so can have arbitrarily many 
cut- vertices with arbitrarily many connected blocks, provided all cut-vertices lie 
on the infinite face. Thus attached to vj^ in BChQ is any tree representing a 
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planar graph with all cut- vertices, except possibly for on a common face. 
These remarks prove the necessity of Theorem 2.3. 

Lemma 4.1. Let L be a layout of a PVG G with n vertices and with a long-arc 
pair at infinity or at the origin (or both). Then L can be laid out as a CVG with a 
circle on the exterior face at radius n or a circle about the origin at radius 1 (or 
both). 



As noted in Section 3, a long arc at radius 1 or at n can be extended to a 
full circle, changing no visibilities. 

Proof of the sufficiency of Thm. 2.3. Suppose G has BCH(2 satisfying (la) and 
(2) so that BChQ is H^, e\, 62 , Tl where for / = 1, ..., k, each ^2i-l 

represents a cut-vertex Vf of G, each e 2 t represents a 2-connected planar graph, 
Z?0 is a 2-connected projective planar graph, and T represents a plane graph with 
all cut- vertices on a face F. Such a graph embeds on the projective plane; in the 
layout each cut- vertex v/ will be represented by a circle Cf . 

By Prop. 3.3(iv) the projective planar subgraph of G corresponding to 
Z?0 has a PVG layout with the arc a\ representing in a long- arc pair at 
infinity with some neighbor of . By Lemma 4.1 Lq can be changed to the CVG 
Lq so that a\ becomes a circle surrounding Lq. By Prop. 3.3(ii) the planar 
subgraph of G corresponding to ^2 ^an be represented as a PVG Lf with 
representing , part of a long- arc pair at the origin and with «2, representing V2, 
part of a long-arc pair at infinity. By Lemma 4.1 Lf can be changed to the CVG 
L\ so that a\ and G 2 each become circles inside and surrounding L\ respectively. 
Then is joined with Lq by identifying the two copies of the circle <2^, placing 
L\ wholly outside of Lq. This process of expansion can be repeated for 
^4, ..., 62 k • Finally by Prop. 3.3(i) T can be laid out as a PVG with vj^ repre- 
sented by part of a long-arc pair at the origin. Again by Lemma 4.1 aj^ can be 
extended to a full circle inside of T s layout and can be identified with the circle 
representing aj^ on the exterior of the layout previously constructed. In this way 
G is laid out. 

If BChG satisfies (Ib) and (2), it can be laid out similarly, only differing 
within Cl . 

Since is incident with one or more planar blocks, we can lay these 
out in radial segments within c \ . Each planar block can be represented as a BVG 
with represented top-most and a neighbor bottom-most, then as a PVG via 
Prop. 3.1, and then inserted with v^’s arc as a subarc of c\ within a distinct 
wedge of, say, 0 £ q£ p, giving the desired visibilities. Thus in all cases the 
graph can be laid out as a CVG. 
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5 Concluding Thoughts 

It is clear that more complex graphs can be achieved in the polar visibility model 
by allowing visibility through the origin and diagonally across the boundary of a 
disc with antipodal points identified; call such a layout a doubly polar visibility 
layout and the resulting graphs doubly polar visibility graphs (DPVGs). These 
naturally lead to graphs that embed on the Klein bottle, the nonorientable surface 
of Euler characteristic 0. Analogous proofs to those given on the projective plane 
give the following results. 

Proposition 5.1. a) A DPVG embeds on the Klein bottle. 

b) If G has a layout L as a DPVG with no long arcs, then G contains no cut- 
vertex. 

c) If a 2-connected graph G has an embedding on the Klein bottle, then G is a 
DPVG and has an equivalent doubly polar visibility layout. 

It seems that a DPVG that is neither a BVG nor a PVG can have at most 
two cut- vertices, represented by a long arc about the origin and at infinity. 
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REPEAT : 

Construct geometric clustering using a space decomposition 
Compute edge forces 

Compute nonedge forces (node-node and node-pseduonode) 

Move nodes 
UNTIL convergence 
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Abstract. In this paper we present the first non-trivial lower bounds 
for the total number of bends in 3-D orthogonal drawings of maximum 
degree six graphs. In particular, we prove lower bounds for the number of 
bends in 3-D orthogonal drawings of complete simple graphs and multi- 
graphs, which are tight in most cases. These result are used as the basis 
for the construction of infinite classes of c-connected simple graphs and 
multigraphs (2 < c < 6) of maximum degree Zi (3 < Z\ < 6) with lower 
bounds on the total number of bends for all members of the class. We 
also present lower bounds for the number of bends in general position 
3-D orthogonal graph drawings. These results have significant ramifica- 
tions for the ‘2-bends’ problem, which is one of the most important open 
problems in the field. 



1 Introduction 

The 3-D orthogonal grid consists of grid-points in 3-space with integer coordi- 
nates, together with the axis-parallel grid-lines determined by these points. A 
3-D orthogonal drawing of a graph places the vertices at grid-points and routes 
the edges along sequences of contiguous segments of grid-lines. Edges are allowed 
to contain bends and can only intersect at a common vertex. 3-D orthogonal 
drawings have been studied in [2,3,4,5,6,7,8,12,13,14]. For brevity we say a 3-D 
orthogonal graph drawing is a drawing. A drawing with no more than b bends 
per edge is called a h-hend drawing. The graph-theoretic terms ‘vertex’ and ‘edge’ 
also refer to their representation in a drawing. The ports at a vertex v are the 
six directions, denoted by {X+, Z~}, which the edges incident 

with V can use. For each dimension / G {X, Y^Z}, the /+ (respectively, I~) port 
at a vertex v is said to be extremal if v has maximum (minimum) /-coordinate 
taken over all vertices. Clearly, orthogonal drawings can only exist for graphs 
with maximum degree six. 

Drawings with many bends appear cluttered and are difficult to visualise. 
Therefore minimising the number of bends, along with minimising the bound- 
ing box volume, have been the most commonly proposed aesthetic criteria for 
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measuring the quality of a drawing. Using straightforward extensions of the cor- 
responding 2-D NP-hardness results, optimising each of these criteria is NP-hard 
[4]. Kolmogorov and Barzdin [6] established a lower bound of for the 

bounding box volume of a drawings of n- vertex graphs. In this paper we estab- 
lish the first non-trivial lower bounds for the number of bends in 3-D orthogonal 
drawings. Lower bounds for the number of bends in 2-D orthogonal graph draw- 
ings have been established by Tamassia et al. [9] and Biedl [1]. 

Lower bounds for the maximum number of bends per edge: Ob- 
viously every drawing of has at least one bend. It follows from results in 
multi-dimensional orthogonal graph drawing by Wood [11] that every drawing 
of has an edge with at least two bends. It is well known that every drawing 
of QK 2 has an edge with at least three bends, and easily seen that 2 K 2 and 3 K 2 
have at least one edge with at least one and two bends, respectively. Here kK 2 
is the 2-vertex multigraph with k edges. 

A natural candidate for the existence of a simple graph with a 3-bend edge in 
every drawing is Kj, as originally conjectured by Eades et al [5]. A counterex- 
ample to this conjecture, namely a drawing of K 7 with at most two bends per 
edge, was first exhibited by Wood [11]. A more symmetric drawing of K 7 with at 
most two bends per edge is shown in Fig. 1(a). This drawing has the interesting 
feature of rotational symmetry about the line X = Y = Z. One may consider 
the other 6-regular complete multi-partite graphs Kq^q, and i^ 2 , 2 , 2,2 to 

be potential examples of simple graphs with a 3-bend edge in every drawing. 
2-bend drawings of these graphs are presented in [14]. 




Lower bounds for the total number of bends: In this paper we prove 
that drawings of the complete graphs K 4 , Kq and have at least 3, 7, 12 
and 20 bends, respectively. For each of these graphs except Kj there are well- 
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known drawings with the corresponding number of bends. Figure 1(b) shows a 
drawing of with a total of 24 bends (compared with the total of 42 bends for 
the 2-bend drawing). We conjecture that there is no drawing of with fewer 
than 24 bends. 

We use these lower bounds for the number of bends in complete graphs as the 
basis for the construction of infinite families of c-connected graphs of maximum 
degree A with lower bounds on the number of bends for each member of the 
class. Table 1 summarises these lower bounds. 



Table 1 . Lower bounds for the number of bends in drawings of m-edge c-connected 
graphs with maximum degree A. 
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Upper bounds: A number of algorithms have been proposed for 3-D orthog- 
onal graph drawing [2,3,5,6,8,12,14] which explore the apparent tradeoff between 
the maximum number of bends per edge and the bounding box volume (see [14] 
for an overview). We now summarise the known upper bounds on the number 
of bends in the drawings produced by these algorithms. The 3- Bends algorithm 
of Fades et al. [5] and the Incremental algorithm of Papakostas and Tollis [7] 
both produce 3-bend drawings^ of multigraphs^ with maximum degree six. As 
discussed above there exists simple graphs with at least one edge having at least 
two bends in every drawing. The following problem is therefore of considerable 
interest: 

2-Bends Problem: Does every simple graph with maximum degree six admit 
a 2-bend drawing? [5] 

^ The 3-Bends algorithm [5] produces drawings with 27n^ volume. By deleting grid- 
planes not containing a vertex or a bend the volume is reduced to 8n^. The Incre- 
mental algorithm [7] produces drawings with 4.63n^ volume. A modification of the 
3-Bends algorithm by Wood [14] produces drawings with -h o(n^) volume. 

^ The 3-Bends algorithm [5] explicitly works for multigraphs. The Incremental al- 
gorithm, as stated in [7] , only works for simple graphs; with a suitable modification 
it also works for multigraphs [A. Papakostas, private communication, 1998]. 
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The Diagonal Layout and Movement algorithm of Wood [12] solves the 

2- bends problem in the affirmative for simple graphs with maximum degree five. 
For maximum degree six simple graphs, the same algorithm uses a total of at 
most 7m 1 3 bends, which is the best known upper bound for the total number 
of bends in 3-D orthogonal drawings. 

In this paper we provide a negative result related to the 2-bends problem. A 

3- D orthogonal graph drawing is said to be in general position if no two vertices 
lie in a common grid-plane. The general position model is used in the 3- Bends 
and Diagonal Layout and Movement algorithms. In this paper we show 
that the general position model, and the natural variation of this model where 
pairs of vertices share a common plane, cannot be used to solve the 2-bends 
problem, at least for 2-connected graphs. 

The remainder of this paper is organised as follows. In Sect. 2 we establish 
a number of introductory results concerning 0-bend drawings of cycles. These 
results are used to prove our lower bounds on the total number of bends in 
drawings of complete graphs, established in Sect. 3. In Sect. 4 we use these lower 
bounds as the basis for lower bounds on the number of bends in infinite families 
of graphs of varying connectivity and maximum degree. In Sect. 5 we present 
lower bounds for the number of bends in general position drawings and their 
implications for the 2-bends problem. 

Throughout this paper we consider n-vertex m-edge loop-free graphs with 
maximum degree six. By Cm we denote the m-edge cycle. A ehord of a cycle 
C is an edge not in C whose end- vert ices are both in C. We say two cycles are 
ehord- disjoint if they do not have a chord in common. In this paper most proofs 
are outlined, and the proofs of the results in Table I concerning multigraphs are 
omitted; see [13] for details of all the proofs. 

2 Drawings of Cycles 

In this section we characterise the 0-bend drawings of the cycles Ck {k < 7). 
We then show that if a drawing of a complete graph contains such a 0-bend 
drawing of a cycle then there must be many edges with at least three bends in 
the drawing of the complete graph. These results are used in Sect. 3 in our lower 
bounds for the total number of bends in drawings of complete graphs. 

A straight-line path in a 0-bend drawing of a cycle is called a side. A side 
parallel to the /-axis for some / G {X, T, Z} is called an /-side, and I is called the 
dimension of the side. Clearly the dimension of adjacent sides is different, thus 
in a 2-dimensional drawing the dimension of the sides alternate around the cycle. 
Hence, there is no 2-dimensional 0-bend drawing of a cycle with an odd number 
of sides. If there is an /-side in a drawing of a cycle for some / G {X, T, Z} 
then clearly there is at least two /-sides. Therefore a drawing of a cycle with 
X-, Y- and Z-sides, which we call truly 3- dimensional^ must have at least six 
sides. Hence there is no truly 3-dimensional 3-, 4- or 5-sided 0-bend drawing of a 
cycle. There is also no two-dimensional 3- or 5-sided 0-bend drawing of a cycle. 
We therefore have the following observation. 
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Observation 1 (a) There is no 3- or 5-sided 0-hend drawing of a eyele, 

(b) there is no 0 -hend drawing ofCs, and 

(e) all 0 -hend drawings of and C 5 have four sides. □ 

The next result forms an important component of the lower bounds to follow. 

Lemma 1 . If a drawing of a eomplete graph eontains a 0-hend 4~cyele (respee- 
tively, 5-eyele) then there are at least two (four) ehords of the eyele eaeh with at 
least three bends. 

Proof. By Obs. 1 (c) all 0 -bend drawings of C 4 and of C 5 have four sides. As 
illustrated in Fig. 2(a), the chord connecting each pair of diagonally opposite 
vertices in a 4-sided drawing of a cycle has at least three bends. Hence, if a 
drawing of a complete graph contains a 0 -bend C 4 , then the two chords each 
have at least three bends. Also, in the case of C 5 , the two edges from the vertex 
not at the intersection of two sides to the diagonally opposite vertices both have 
at least three bends, as in Fig. 2(b). Hence, if a drawing of a complete graph 
contains a 0 -bend C 5 , then the four chords each have at least three bends. □ 







Y- 






/ . 








r 






- 7 ' 


C- 

C- 


-T A 


-> 






Fig. 2 . 3 -bend edges ‘across’ (a) C 4 and (b) C 5 . (c) The graph Hi 



Consider the graph shown in Fig. 2(c), which we call Hi. 

Observation 2 Hi does not have a 0-hend drawing. 

Proof. Hi contains C 4 . As in Lemma 1 , an edge between the non-adjacent ver- 
tices of a 4-sided cycle needs at least three bends. Hence the 2 -path in Hi between 
the non-adjacent vertices of the 4-cycle has at least one bend. Therefore Hi does 
not have a 0 -bend drawing. □ 

We now consider 6 -sided 0-bend drawings of a cycle. 

Lemma 2 . If a drawing of a eomplete graph eontains a 0-hend 6 -eyele then there 
are at least four ehords of the eyele eaeh with at least three bends. 

Proof. We can assume without loss of generality that there is a 0-bend drawing 
of Cq contained in a drawing of Kq. By Obs. 1(a), all 0-bend drawings of Cq 
have four or six sides. In a 4-sided 0-bend drawing of Cq the two vertices not at 
the intersection of adjacent sides can be (a) on the same side, (b) on adjacent 
sides, or (c) on opposite sides. In each case there are at least six chords from a 
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vertex at the intersection of two sides to a vertex on neither of these sides, each 
with at least three bends. 

Case analysis shows that the only 6 -sided 0 -bend drawings of Cq (up to 
symmetry) are those in Fig. 3. For each such drawing, the chords of Cq shown in 
Fig. 3 each require at least three bends. In the case of the drawing in Fig. 3(c) 
there are at least six chords each requiring at least three bends. For the drawing 
in Fig. 3(a) (respectively. Fig. 3(b)) it can be shown, by considering certain sets 
of chords for which all edge routes with at most two bends pass through a single 
grid point, that a further two (four) chords have at least three bends. Hence 
there are at least six chords of the cycle each with at least three bends. □ 




Fig. 3. Edges with at least 3 bends in a drawing of Kq containing a 6-sided 0-bend Cq. 

We now consider 7-sided 0-bend drawings of a cycle. 

Lemma 3. If a drawing of Kj contains a 0-hend 7- cycle then there are at least 
four chords of the cycle each with at least three bends. 

Proof By Obs. 1(a), a 0-bend drawing of C 7 has four, six or seven sides. In a 
4-sided 0 -bend drawing of C7 the three vertices not at the intersection of two 
adjacent sides can be (a) all on the same side, (b) two on one side and one on 
an adjacent side, (c) two on one side and one on the opposite side, or (d) all on 
different sides. In each case there are at least eight chords from a vertex at the 
intersection of two sides to a vertex on neither of these sides, each with at least 
three bends. The 6 -sided 0 -bend drawings of C7 can be obtained from the 6 - 
sided 0 -bend drawings of Cq by placing one new vertex at each of the essentially 
different edges of each drawing. By Lemma 2 , at least six of the chords of Ce, 
and therefore of C 7 , have at least three bends. Case analysis shows that the only 
7-sided 0-bend drawings of C7 are those shown in Fig. 4. For each drawing there 
are at least four chords which need at least three bends. □ 




Fig. 4. Edges with at least three bends in a 7-sided 0-bend drawing of C 7 . 
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3 Drawings of Complete Graphs 

In this section we establish lower bounds for the total number of bends in 3-D 
orthogonal drawings of i^ 4 , K 5 , Kq and Kj. We omit our proofs that the well- 
known drawings of i^ 4 , and Kq shown in Fig. 5 are bend- minimum. They 
are similar to the proof of the lower bound for Kj which follows. 




Fig. 5. (a) Ka with 3 bends, (b) with 7 bends and (c) Kq with 12 bends. 



Theorem 1. Every drawing of K 4 has at least three bends. Every drawing of 
has at least seven bends. Every drawing of Kq has at least twelve bends. □ 

Figure 1(b) shows a drawing of K 7 with a total of 24 bends. 

Theorem 2. Every drawing of K 7 has at least 20 bends. 

Proof. Suppose to the contrary, that there is a drawing of K 7 with at most 19 
bends. The subgraph of K 7 consisting of the 0-bend edges is called the 0-bend 
subgraph. Let ki (i > 0) be the number of i-bend edges. Hence 

kj = 21, and '^^iki < 19 . (1) 

2>0 i>l 

Case analysis shows that every subgraph of K 7 with at least ten edges con- 
tains C3 or Hi. By Obs. 1 (b) and Obs. 2 , the graphs C 3 and Hi do not have 
0-bend drawings. Hence ko <9. Suppose ko = 8 or /cq =9. By ( 1 ) 

12 < < 19 - - l)A:i 

i>l i>l 

- m <7 . ( 2 ) 

i>2 

Case analysis shows that every subgraph of K 7 with at least eight edges 
contains a cycle Ck {k ^ 4), two chord-disjoint cycles, or an Hi subgraph. 
Therefore the 0-bend subgraph contains a cycle Ck {k > 5) or two chord- disjoint 
subgraphs (since C 3 and Hi do not have 0 -bend drawings by Obs. 1 (b) and 
Obs. 2 , respectively). If the 0 -bend subgraph contains a cycle Ck {k > 5) then 
by Lemma 1, Lemma 2 and Lemma 3 there are at least four chords of the 
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cycle each with at least three bends. On the other hand if the 0-bend subgraph 
contains two chord- disjoint cycles then these cycles have length at least four; 
thus by Lemma 1, Lemma 2 and Lemma 3, two chords from each of these cycles 
each have at least three bends. In either case the drawing of Kj has at least four 
edges each with at least three bends; that is, 



4 < 

i>3 

i>3 i>2 

k 2+8 <7 (by (2)) 



Hence k 2 < 



— 1, which 



is a contradiction. Therefore ko < 7. By (1) with ko 


< 7 




< 


19 


- ~ 




i>l 






i>i 




- l)ki 


< 


5 






i>2 










A^2 T 2 ^ ^ ki 


< 


5 




(3) 



i>3 



Let A be the set of edges of routed using an extremal port at exactly one 
end-vertex. Let B be the set of edges routed using extremal ports in the same 
direction at its end- vert ices. Let C be the set of edges routed using extremal 
ports in differing directions at its end- vertices. Kj is 6-regular, thus all ports 
are used. Since there is at least one extremal port in each direction, we have 
\A\ -h \B\ + 2|C| > 6. It is easily seen that an edge in H or H has at least two 
bends, and that an edge in C has at least three bends. Hence 

^2 2 ^ ^ kj ^ 6 . 

i>3 



This contradicts (3). The result follows. 



□ 



4 Constructing Large Graphs 

In this section we use the lower bounds for the total number of bends in drawings 
of the complete graphs established in Sect. 3 as building blocks to construct 
infinite families of graph with lower bounds for the number of bends. 

Given graphs G and H with |H(G)| > we define H{G) to be the 

graph obtained by replacing each vertex of iL by a copy of G, and connecting 
the vertices adjacent to a vertex v G V{H) to different vertices in the copy of 
G corresponding to 'i;. In most cases, H is regular and G is a complete graph, 
thus H{G) is well-defined. In other cases we shall specify the mapping between 
edges incident to v and the vertices in the copy of G corresponding to v. We 
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also employ the cartesian product G x H of graphs G and H to construct larger 
graphs. G X H has vertex set V{H) x V{G) with and (v 2 jW 2 ) adjacent 

in G X iL if either vi = V2 and W1W2 G E{H)^ or wi = W2 and V1V2 G E(G). 

By taking disjoint copies of Kq, and K 4 the next result follows im- 
mediately from Theorem 1 and Theorem 2. 

Theorem 3. There exists infinite families of simple {disconnected) m-edge 
graphs with maximum degree six {respectively, five, four and three) with at least 
{^m, and ^m) bends in every drawing. □ 

To obtain our lower bounds for 2-, 3- and 4-connected graphs consider the 
graphs Gr{Kp) {p > 3), {Gr x K2){Kp) {p > 3) and {Gr x Gs){Kp) {p > 4) for 
some r > 3, as illustrated in Fig. 6. 




Fig. 6. (a) 2-connected Cr{Kp), (b) 3-connected {Cr x K2){Kp), (c) 4-connected 

{Cr X C3){Kp). 



Theorem 4. There exists infinite families of simple 2-connected m-edge graphs 
with maximum degree six {respectively, five, four and three) with at least 
{^m, and ^m) bends in every drawing. 

Proof. The graphs Gp{Kq) with r > 2 have maximum degree six and m = 16r 
edges. By Theorem 1, Kq has at least 12 bends in every drawing, thus Gp{Kq) 
has at least 12r = bends in every drawing. The graphs Gr{Kf) with r > 2 
have maximum degree five and m = Hr edges. By Theorem 1, has at least 
7 bends in every drawing, thus Gr{Kf) has at least 7r = bends in every 
drawing. The graphs Gr{Kf) with r > 2 have maximum degree four and m = 7r 
edges. By Theorem 1, K 4 has at least 3 bends in every drawing, thus GriK^) 
has at least 3r = bends in every drawing. The graphs Gr{Kf) with r > 2 
have maximum degree three and m = 4r edges. By Obs. 1(b), has at least 1 
bend in every drawing, thus Gr{Kf) has at least r = \m bends in every drawing. 
Clearly Gr{Kp) is 2-connected. □ 

The proofs of the following results for 3- and 4-connected graphs are similar 
to the proof of Theorem 4. 
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Theorem 5. There exists infinite families of simple 3-eonneeted m-edge graphs 
with maximum degree six {respeetively, five, four and three) with at least 

|m and |m) bends in every drawing. □ 

Theorem 6. There exists an infinite family of simple f-eonneeted m-edge 
graphs with maximum degree six {respeetively, five and four) with at least 
{^m and |m) bends in every drawing. □ 

To obtain our lower bounds for 5- and 6-connected graphs consider the graphs 
{Cr X Cs X K 2 ){Kp) {p > 5) and {Cr x C3 x Cs){Kq) for some r > 3, as illus- 
trated in Fig. 7. Again the proofs are very similar to that of Theorem 4. 




(a) r times 




r times 



Fig. 7. (a) 5 -connected {Cr x C 3 x K 2 ){Kp), (b) 6-connected {Cr x C 3 x C 3 ){Kq). 



Theorem 7. There exists infinite families of simple 5- eonneeted m-edge graphs 
with maximum degree six {respeetively, five) with at least ||m {^m) bends in 
every drawing. □ 

Theorem 8. There exists an infinite family of simple 6- eonneeted m-edge 
graphs with maximum degree six with at least |m bends in every drawing. □ 

5 General Position Drawings and the 2-Bends Problem 

Recall that a 3-D orthogonal graph drawing is in general position if no two 
vertices lie in a common grid-plane. In this section we establish lower bounds 
for the number of bends in general position drawings. 

Lemma 4. If the graph G has at least k bends in every general position drawing 
then for any edge e of G the graph G\e has at least k — A bends in every general 
position drawing. 

Proof. If G \ e has a drawing with b bends then, the edge e can be inserted into 
the drawing with at most four bends and the edges rerouted so that there are no 
edge crossings [12,14]. Thus, there is a general position drawing of G with 6 -h 4 
bends. Every general position drawing of G has at least k bends, hence b-\-4:> k 
and b > k — 4. □ 
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Clearly every edge in a general position drawing has at least two bends. The 
following lower bounds for general position drawings are based on the observation 
that an edge routed using an extremal port in a general position drawing has at 
least three bends. For 6 -regular m-edge graphs all ports must be used, thus such 
a graph has at least 2m + 6 bends in every general position drawing. Hence the 
graphs consisting of disjoint copies of Kj provide the following lower bound. 

Lemma 5. There exists an infinite family of n-vertex m-edge simple graphs, 
eaeh with at least 2m + 6n/7 bends in every general position drawing. □ 

Note that for 6 -regular graphs the above lower bound is within mj 21 of the 
upper bound of 7m/ 3 for the total number of bends in general position drawings 
established by the DIAGONAL Layout and Movement algorithm [12]. 

To establish our lower bound for general position drawings of 2-connected 
graphs consider the graph CriK^ \ e) for r > 2 , where the non-adjacent vertices 
of each Kj\e are incident to the edges of as illustrated in Fig. 8 (a). 




Fig. 8. (a) 2 -connected Cr(i^7 \ e), (b) 4-connected (Cr x C'3)(i^r \ {61,62}). 



Lemma 6. There is an infinite family of n-vertex m-edge simple 2-eonneeted 
graphs, eaeh with at least 2m + 4n/7 bends in every general position drawing. 

Proof. Clearly CriK^ \ e) is 2 -connected. has at least 2 |E'(i^ 7 )| -f 6 bends in 
every general position drawing. Thus by Lemma 4, a general position drawing 
of Ky \ e has at least 2 |E'(i^ 7 )| -|- 6 — 4 = 2 |E'(i ^7 \ e)| +4 bends. The edges of 
Cr each have at least two bends, thus CriKj \ e) has at least 2m -h 4n/7 bends 
in every general position drawing. □ 

To establish our lower bound for general position drawings of 4-connected 
graphs consider the graph {Cr x Cs){Ky \ { 61 , 62 }) for r > 2 , where for each 
copy of Kj \ { 61 , 62 }, 61 and 62 are edges of Kj with no common end-vertices, 
and these end- vertices are incident to different edges in Cr x Cs, as illustrated 
in Fig. 8 (b). 

The proof of the next result is very similar to that of Lemma 6 . 

Lemma 7. There is an infinite family of n-vertex m-edge simple f-eonneeted 
graphs, eaeh with at least 2m-\-2n/7 bends in every general position drawing. □ 
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We now look at the ramifications of the above general position lower bounds 
for the 2-bends problem. Edges with at most two bends can be classified as 0- 
bend, 1-bend, 2-bend planar or 2-bend non-planar. As illustrated in Fig. 9, a 
given 2-bend drawing can be transformed into a general position drawing whose 
number of bends depends on the number of 0-bend and 2-bend planar edge 
routes in the 2-bend drawing. We omit the proof. 





Fig. 9. Removing a plane containing many vertices. 

Lemma 8. If in a 2-bend drawing of an m-edge graph G the number of 0-bend 
edges is ko and the number of 2-bend planar edges is k' 2 , then there exists a 
general position 3-D orthogonal drawing of G with 2m ko -\- k '2 bends. □ 

Corollary 1. There exists an infinite family of 6-regular n-vertex graphs, sueh 
that in a 2-bend drawing of any of the graphs, ko k '2 > 6n/ 7 . 

Proof. By Lemma 5, there exists an infinite family of graphs, each with at least 
2m PQn/1 bends in any general position drawing. If there is a 2-bend drawing 
of such a graph, then by Lemma 8 there is a general position drawing with 
2m Pko -\-k '2 bends. Hence 2m -\-ko -\-k' 2 > 2m + 6n/7 and ko -\-k' 2 > Qn/1. □ 

The following two results are obtained using the same argument used in the 
proof of Corollary 1 applied with Lemma 6 and Lemma 7, respectively. 

Corollary 2. There exists an infinite family of 6-regular 2-eonneeted n-vertex 
graphs, sueh that in a 2-bend drawing of any of the graphs, ko k '2 > 4:U / 7 . □ 

Corollary 3. There exists an infinite family of 6-regular 4~conneeted n-vertex 
graphs, sueh that in a 2-bend drawing of any of the graphs, ko P k '2 > 2nj 7 . □ 

A natural variation of the general position model allows at most two vertices 
in any one grid-plane with each vertex being coplanar with at most one other 
vertex. In this model there is at most n/2 pairs of coplanar vertices and hence 
at most n/2 planar edge routes. Since n/2 < 4n/7, it follows from Corollary 2 
that there exists graphs which do not have 2-bend drawings in this model. 

Theorem 9. There exists an infinite family of 2-eonneeted graphs eaeh of whieh 
does not have a 2-bend drawing with at most two vertiees in any one grid-plane 
and with eaeh vertex being eoplanar with at most one other vertex. □ 
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Abstract. The stability is an essential issue for incremental drawings. To allow 
stable updating, means to modify graph slightly (such as adding or deleting an 
edge or a node) without changing the layout dramatically from previous layout. 
In this paper, a method for achieving stable incremental directed graph layout 
by using clan-based graph decomposition is described. For a given directed 
graph, the clan-based decomposition generates a parse tree. The parse tree, 
which is used for layout, is also employed in locating changes and maintaining 
visual stability during incremental drawing. By using the generated parse tree, 
each incremental update can be done very efficiently. 



1 Introduction 

Directed graphs are an excellent means of conveying the structure and operation of 
many types of systems. In order to have a meaningful and understandable hand 
drawn graph, much time is required to plan how the graph should be organized on the 
page. It is especially hard to hand draw an understandable graph containing a huge 
number of nodes and edges. In addition, it is difficult for a user to draw a graph when 
the data is generated by applications (e.g., dialogue state diagrams generated by 
reverse engineering [I]). In the past decades, several visualization systems have been 
created for static (automatic) drawings [see 3 & 1 1 for lists] . Static drawings are not 
completely satisfactory because in many situations the displayed drawings are subject 
to change from time to time by the user (such as manual editing, browsing large 
graphs, and visualizing dynamic graphs) [10]. For dynamic drawings, stable 
incremental updating where the placement of only a minimal number of nodes and 
edges are modified, is essential [10, & 12]. Currently, only a few Sugiyama-based 
dynamic drawing systems have been developed for acyclic directed graphs [6, 10, & 
15], and general directed graphs [14]. Based on the experience gained from clan- 
based graph drawings [8, 9, & 13], the parse tree generated by clan-based 
decomposition can be used to locate updates and generate stable incremental drawings 
easily [12]. 
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2 Clan-Based Graph Drawing 



Clan-based graph decomposition parses a directed acyclic graph (DAG) into a 
hierarchy of subgraphs. These new subgraphs generated by the decomposition are 
called clans and a clan is classified as one of three types: (a) series, (b) parallel, and 
(c) primitive [2, 4, and 5]. 

By using Clan-based graph decomposition, any digraph can be decomposed into an 
inclusion tree, known as the parse tree, of subgraphs (clans) whose leaves are 
singleton clans (graph nodes) and whose internal nodes are complex clans (series or 
parallel) built from their descendants. The primitive clans are decomposed into series 
and parallel clans by augmenting edges from all the source nodes of the primitive to 
the union of the children of the sources [4, 5]. After decomposition, a bounding box 
with computed dimension is associated with each clan and the nodes in the clan are 
assigned locations within the bounding box. The generated parse tree of the graph 
with bounding boxes attributed is used to provide geometric interpretations to the 
graph. To show the directed graph where the edges uniformly point downward (or 
upward in the case of a reverse edge), the series clans are displayed vertically and 
connected by inter-clan edges, and the parallel clans are displayed horizontally with 
no edges between them. To achieve an aesthetically pleasing layout, the nodes are 
centered. Figure 1 shows a graph, parse tree, and node layout. . For the details about 
clan-based graph drawing, please refer to [7, 8, and 9]. 
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(a) Graph 



(b) Parse Tree 



(c) Node Layout 



Fig. 1. Graph, Parse Tree, and Node Layout 



3 Clan-Based Incremental Drawing 

In order to have stable incremental drawing for clan-based graph decomposition, any 
layout computation for a successive drawing should be limited to a minimum area that 
contains updates only. Since parallel clans contain no inter-clan connections, this 
limited area for clan-based drawing is a series clan (called minimum series clan, 
MSG). After the MSG is identified, the layout algorithm is applied to the MSG only. 

During the incremental drawing, the previous graph drawing and its corresponding 
parse tree, attributed with bounding boxes, are used to locate the MSC for the next 
graph and its drawing. The MSC contains all nodes affected by the updates except the 
added nodes, which are not in the previous drawing. The updates could be multiple 
node or edge insertions and deletions. For an update, the affected nodes include (a) 
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nodes added, (b) nodes deleted, (c) nodes connected to deleted nodes, (d) nodes 
connected to added nodes, (e) nodes connected by added edges, (f) nodes connected 
by deleted nodes, and (g) user selected nodes. 

The following notations are used to denote graph objects in iteration i: 

(1) a, graph. 

(2) R , all edges of graph Q. 

(3) Vj, all nodes of graph Q. 

(4) Dj, drawing of graph G. 

(5) T, parse tree of drawing with its bounding box and position attributes. 

(6) edges added to drawing D. j. 

(7) edges deleted from drawing 

(8) nodes added to drawing D. ^. 

(9) nodes deleted from drawing 

(10) N^.add-n’ nodes connected to added nodes 

(11) N^.dei_n. nodes connected to deleted nodes 

(12) N^. 3 dd-e’ nodes connected by added edges E^^^. 

(13) N^.dei.e^ nodes connected by deleted edges E^^j. 

(14) N selected nodes. 

(15) nodes affected by update. = N ,, u u N u N u N 

(16) R j, array of clan tree pointers to leaf nodes of T j. 

The msc and act subscripts denote graph objects of the minimum series clan and the 
subgraph that requires layout computation, respectively. 

When few changes are made from one iteration of the graph to the next, the new 
graph can be drawn by: 

(1) identifying the MSC, and its corresponding graph, 

(2) adding/deleting nodes and edges from G^^^ to form the affected graph, G^^^, 

(3) computing the parse tree of G^^^, 

(4) determining the layout of G^^^ from the parse tree, and 

(5) scaling G^^^ to fit in the space occupied by G^^^. 

Eigure 2 shows a graph drawing, parse tree, and its updated graph. The affected 
nodes N^ff^cted this update are nodes 7, 9, and 17. Erom Eigure 2 (b) parse tree, the 
MSC that contains N^ff^cted " is series clan S4. Eor Eigure 2 (a), the G^^^ consists of 
nodes (7, 8, 9) and edges ((7, 8), (8, 9)). After G^^^ is found, the clan-based layout 
algorithm will be applied only to sub-graph G^^^ of current graph. The sub-graph G^^^ 
can be identified as G^^^.nodes = G^^^.nodes u and G^^^.edges = G^^^.edges u 

Eadd - E^^j In Eigure 2 (c), the Ga^^ consists of nodes (7, 8, 9, 17) and edges ((7, 8), (8, 
9), (7, 17), (19, 9)). After the layout algorithm is applied to Ga^^, the parse tree Ta^^ and 
drawing Da^^ are generated (as shown on Eigure 3). The size and position of 
drawing Da^^ are attributed in parse tree Ta^^. 
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(a) Graph Drawing 




(b) Parse Tree for (a) 




(c ) Node 17 and Edges (7, 17) & (17, 9) Added to (a) 
Fig. 2. Graph Drawing, Parse Tree, and Updated Graph 
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(a) Graph G^^^ of Fig. 2 (c) (b) Parse Tree of graph (c) Drawing of Graph G^^ 
Fig. 3. Graph G^^^, Parse Tree, and Drawing 



In order to minimize the number of nodes that must be moved for stable 
incremental drawing, only the G^^^ is recomputed for current graph G, and the drawing 
D^^^ of G^^j is sized to be contained in the area used by drawing D^^^. The size 

and position of G^Js drawing D^^^ are attributed in If the size of D^^^ is greater 
than D , the D is scaled down. If the size of D is smaller than D , the D is 

msc’ act act msc’ act 

positioned in the center of the area used by D^^^. 

The MSC in T^ ^ is replaced by graph G^^/s parse tree T^^^. The modified parse 
tree becomes the current parse tree T. for current graph G. Figure 4 shows the new 
parse tree T and it's drawing D of Figure 2 (c)’s incremental update. 
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(a) Parse Tree from Fig. 2(b) with 
Series Clan S4 Replaced 




(b) Drawing of Figure 2(c) 



Fig. 4. Drawing for Figure 2 (c)’s Incremental Update 






(a) Updated Graph of 
Figure 4(b) 



(b) Drawing Shows (c) New Drawing of (b) 

Nodes Overlapped 



Fig. 5. An Updated Graph and Drawings for Fig. 4 (b) 



4 Insuring Readability 



When D^^^ is scaled down to fit in the area used by D^^^, the scaled drawing might be 
unreadable. Figure 5 (b) shows this problem after an update. Figure 5 (a) is an 
updated graph of Figure 4 (b)’s drawing. In this updated graph, nodes (18, 19, 20, 21, 
22, 23, 24) and edges ((7, 18), (18, 19), (19, 20), (20, 9), (7, 21), (21, 9), (7, 22), (22, 
23), (23, 24), (24, 9)) are added. Figure 5 (b) is the drawing for Figure 5 (a). In the 
Figure 5 (b), the scaled down drawing D^^^ has overlapping nodes that make it a 
problem for the user to read the drawing. So, a maximum scale limit is needed to 
ensure readability. Figure 5 (c) shows new drawing of Figure 5 (a). In Figure 5 (c), 
the scale limit is applied. After the scale limit is reached, the D^^^ is given more space 
to maintain the readability. Although only the subtree rooted at MSC is replaced, the 
bounding box and placement attributes of the entire parse tree must be computed. For 
the example in Figure 5, this has the effect of moving nodes (1, 2, 3, 4, 5, and 6) to 
the left and nodes (10, 11, 12, 13, 14, and 15) to the right. 
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5 Locality of Incremental Drawing 



Successive modifications to graphs often occur within a small geometric or logical 
neighborhood [10]. In order to build more stable drawing with fewer computations, 
the algorithms should take advantage of this locality property. When adjusting the 
previous clan tree T j and the previous drawing ^ to make extra space for if the 
space created is the exact space needed by then any nodes added to the current 
might cause T and to be adjusted again. If the graph is expected to grow, the 
scale factor for G , should be increased. 

Figure 6 shows an example of extra space created for future updates. Figures 6 (b) 
is successive drawings of Figure 6 (a) and Figure 6 (c) is successive drawing of 
Figure (b). In Figures 6 (b) and 6 (c), nodes (1, 2, 3, 4, 5, 6, 10, 11, 12, 13, 14, 15) are 
not re-positioned because the possible extra space needed by successive drawings has 
been generated during Figure 6 (a) drawing layout computation. 




0 



J’jstJ 



(a) New Drawing of (b) Successive Drawing (c) Successive Drawing 
Fig. 5 (b) of (a) of (b) 

Fig. 6. New Update Drawing of Figure 5 (c) with Nodes and Edges Added 





6 Reposition Nodes Not in the Minimum Series Clan 



If more space is needed, what nodes need be re-positioned or re-sized? Let be 

the path from to root in previous parse tree T._^, and be extra length and W^^just 
be extra width needed by D^^^. To make extra space, for each clan along the path 
P.sc-,00. needs to add C_^,;s width and to C_^,;s length. Also, along the path 

P 

msc-root’ 

1 . all left siblings of Cp^^j^ whose parent is a parallel clan need to be shifted left with 

2 distance, 

2. all right siblings of Cp^^j^ whose parent is a parallel clan need to be shifted right 
with W .. 7 2 distance, and 

3. all right siblings of Cp^^j^ whose parent is a series clan need to be shifted down 
with L .. , distance. 

adjust 

Figure 7 is a parse tree with identified. The path includes clans P7, 
S5, P2, and SI. In this parse tree, if more space is needed : 

1. node 64 and clan S4’s nodes need to be shifted to the left, 

2. clan SlO’s nodes and clan S6’s nodes need to be shifted to the right, and 

3. and node 65, clan P8’s nodes, and P3’s nodes need to be shifted down. 
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Fig. 7. Parse Tree with identified 



7 Resizing Affected Clans 

Is it necessary to resize all clans along the path For a parallel clan, its length is 

the max value of all children’s lengths. For a series clan, its width is the max value of 
all children’s widths. For each clan along the path if both the Cp^^j^ 's width 

and length do not exceed parent’s max values, it is not necessary to resize parent. 




(a) Drawing 



(b) Updated Graph of Drawing (a) 




(c) Drawing for (b) 



(d) New Drawing of (b) 



Fig. 8. Updated Graph and Drawings 



In some situations, it is not necessary to re-position siblings along the path 
or resize clans which contains when the drawing D^ requires extra space. In 
Figure 8 (b), nodes (6, 7, 8, 9) and'edges ((3, 6), (6, 4), (3, 7), (7, 4), (3, 8), (8, 4), (3, 
9), (9, 4)) are added to Figure 8 (a) drawing. Figure 8 (c) is the drawing for Figure 8 
(b). In Figure 8 (c), nodes 1 and 2 are shifted to the left to make some space for 
updates. However, the shift is not necessary. Since there are no nodes at the right 
hand side of nodes 3 and 4, it would be more reasonable for updates to grow toward 
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the right without shifting nodes 1 and 2. Figure 8 (d) shows a different drawing of 
Figure 8 (b). In Figure 8 (d), nodes 1 and 2 are not moved. 




(a) Drawing 




(c) Drawing for (b) 




(b) Updated Graph of Drawing (a) 




(d) New Drawing of (b) 



Fig. 9. Updated Graph and Drawings 



Figure 9 shows a case when re-sizing is not necessary. In Figure 9 (b), nodes are 
appended to the node 4 of Figure 9 (a). Figure 9 (c) is the drawing for Figure 9 (b). In 
Figure 9 (c), the sub-graph containing nodes (3, 4, 5, 6, 7, and 8) is scaled even when 
there are no nodes below them. In this case, the graph should be able to grow 
downward freely without affecting the drawing stability. Figure 9 (d) shows a 
different drawing of Figure 9 (b). The path can be used to identify the cases 

where re-sizing / re-positioning is not necessary: 

1. along the path , if there are no left siblings for a clan whose parent is a 

parallel clan, the drawing Dj can grow toward left without shifting other clans to 
the right, 

2. along the path , if there are no right siblings for a clan whose parent is a 

parallel clan, the drawing Dj can grow toward right without shifting other clans 
to the left, and 

3. along the path , if there are no right siblings for a clan whose parent is a 

series clan, the drawing Dj can grow downward without scaling down length. 



8 Incremental Drawing of Cyclic Graphs 

Using the depth first search to find an edge to be reversed for the cyclic graph may 
not be suitable for some applications [12]. Figure 10 shows a problem in incremental 
drawing when only one edge is drawn upward for each cycle of cyclic graphs. Figure 
10 (a) shows a path of a company’s system code release. In Figure 10 (b), a new path 
for bugs report is added. Figure 10 (c) is the drawing of Figure 10 (b). The Figure 10 
(c) does not represent the two paths in the expected way. If edge labels are removed 
(as Figure 10 (d)), it will be even more difficult for the user to visualize the concept of 
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two different paths. In order to improve this situation, the visual input graph nodes’ 
position information is used. During the graph layout computation, if upward edges 
contributed to a cycle are found, those edges will be reversed for layout computation 
and then be changed back to upward after layout computations done. Figure 10 (e) 
shows new drawings of Figure 10 (b). As shown in the Figure 10 (f), even when the 
edges are not labeled, the drawing still represents the concept of two paths. 




(a) Initial Drawing 



(b) Node & Edges Added 



(c) Drawing of (b) 





(d) Drawing of (c) with 
Labels Removed 



(e) Drawing of (b) 



(f) Drawing of (b) with 
Label Removed 



Fig. 10. Updated Graph and Drawings of Incremental Cyclic Drawing 



By using clan-based drawing for incremental drawing, the layout computation only 
applies to the affected sub-graph instead of the entire graph. Sometimes when the 
sub-graph is extracted from the entire graph, its original role in the entire graph might 
be missing. The Figure 11 (b) is an update of Figure 11 (a), and Figure 11 (c) is 
Figure 11 (b)’s which requires layout computation. The G^^^ is not a cyclic graph, 
but G^^j is part of the cycles of Figure 1 1 (b) cyclic graph originally. Since G^^^ is not a 
cyclic graph, no edges are reversed during the layout computation. Figure 11 (d) 
shows the incorrect updated drawing of Figure 11 (b). To insure proper edge 
direction, upward edges need be checked to see if those edges are part of cycles of 
original graph. If an upward edge contributes to a cycle, this upward edge will be 
reversed during the computation and reversed again after the computation. Figure 1 1 
(e) shows the correct drawing of Figure 11 (b). 









Clan-Based Incremental Drawing 393 





U 






(a) Initial Drawing 



(b) Nodes & Edges Added 



(c) Sub-graph of (b) 




(d) Incorrect Drawing of (b) 



(e) Correct Drawing of (b) 



Fig. 11. Drawing and Graph with Upward Edges Added 



9 Incremental Drawing Examples 

Eigure 12 shows a series of incremental drawings created by the clan-based drawing 
algorithm. The Eigures 12 (b), (e), and (f), show that some upward paths were added. 
Those upward paths are part of cycles. After nodes (11, 12, 13) and edges ((4, 11), 
(11, 12), (12, 13), (13, 6)) are added to Eigure 12 (f), the length of new drawing, 
Eigure 12 (g), is not changed because the minimum affected area still has enough 
space for updates. Eigures 13 (n) is the new drawing of 12 (m) after upward edges ((7, 
18), (7, 20)) are added. The edges ((7, 18), (7, 20)) are not part of cycles, so node 7 is 
moved to above nodes 18 and 20. 



10 Conclusion 

Clan-based graph drawing using a parse tree improves the incremental drawing 

stability for directed graph drawings in several areas: 

(1) The attributed parse tree provides an easy way to layout graphs with nodes of 
different sizes. A node can be spanned over more than one level in drawing if 
necessary. During the incremental updates, if the change is only to enlarge nodes, 
the new updates might be done very easily without re-positioning other nodes. 

(2) The utilization of parse trees allows the incremental drawing to be stable without 
sacrificing aesthetic criteria and speed. By using clan-based drawing, the 
incremental drawing can be done very efficiently because the changed and 
recomputed area can be localized with the provided parse tree. 
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(3) No extra constraints are needed to maintain incremental drawing stability. For 
clan-based drawing, the node position constraints are embedded in the parse tree. 

(4) By using the parse tree, it is easy to determine whether the modifications are in 
the interior or the exterior boundary area of a drawing. If the changes are made to 
exterior area, the updates can grow freely toward the open area without re- 
positioning other nodes. 

(5) By using the parse tree to locate the minimum affected area of updates, the 
locality issue can be considered for the future stable updates. 
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(m) 



(n) 

Fig. 12. Clan-Based Incremental Drawings 
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